<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<h:body>
		<ui:composition>
			<h:form id="formularioBase">
				<p:panel style="width:100%; text-align:left;">
					<p:messages id="mensajeroDesbloquear" autoUpdate="true" closable="true" />
					<div align="center">
						<h:panelGrid columns="2" style="width:95%;text-align:left;" id="panelCampos" columnClasses="column-template4">
							<h:outputText value="#{etq['sifeap.desbloquearusuario.usuario']} *" />
							
							<h:panelGrid columns="2" styleClass="no-border" style="width:4%;">
								<p:autoComplete id="usuario" minQueryLength="1" queryDelay="600" onkeyup="ajaxDelay()" completeMethod="#{desbloquearUsuarioManagedBean.actualizarPregunta}" value="#{desbloquearUsuarioManagedBean.usuario.nombreUsuario}" maxlength="20" />
								
								<p:commandLink id="btnConsultar" actionListener="#{desbloquearUsuarioManagedBean.buscarUsuario}" update="@form" >
									<h:graphicImage library="images" name="buscar.png"
										style="border: 0px;"
										alt="#{etq['sifeap.buscar']}"
										title="#{etq['sifeap.buscar']}" />
								</p:commandLink>
							</h:panelGrid>
						</h:panelGrid>
						<h:panelGrid columns="1" id="panelPregunta" style="width:95%;">
							<h:panelGrid columns="1" style="width:100%;text-align:left;" rendered="#{desbloquearUsuarioManagedBean.mostrarPregunta}" columnClasses="column-template4">
								<p:spacer width="1px" height="20px" />
								
								<h:outputText value="#{etq['sifeap.desbloquearusuario.responderpregunta']}" style="font-weight: bold;" />
								<p:spacer width="1px" height="10px" />
								
								<h:outputText value="#{desbloquearUsuarioManagedBean.usuario.preguntasseguridad.pregunta}" />
								<p:spacer width="1px" height="10px" />
								
								<p:inputText id="respuesta" value="#{desbloquearUsuarioManagedBean.usuario.respuestapregunta}" style="width:97%"/> 
							</h:panelGrid>
						</h:panelGrid>
						
						<h:panelGrid columns="2" id="panelBotones">
							<p:commandButton actionListener="#{desbloquearUsuarioManagedBean.desbloquear}" value="#{etq['sifeap.desbloquear']}" update="@form"/>
							
							<p:commandButton update="@all" onclick="dlgDesbloquearUsuario.hide();" value="#{etq['sifeap.cerrar']}" rendered="#{desbloquearUsuarioManagedBean.exitoso}" />
							
							<p:commandButton type="button" onclick="dlgDesbloquearUsuario.hide();" value="#{etq['sifeap.cerrar']}" rendered="#{!desbloquearUsuarioManagedBean.exitoso}" />
						</h:panelGrid>
					</div>
				</p:panel>
				<p:remoteCommand name="peticionAjax" update="panelPregunta" />
			</h:form>
		</ui:composition>
	</h:body>
</html>
